<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/about.css">
	<link rel="stylesheet" href="icon/iconfont.css">
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<header>
		<a href=""><img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201803/moban2758/assets/images/logo.png" alt=""><span>MED</span><span>LINE</span></a>
		<nav>
			<a href="head.html">Home</a>
			<a href="">About</a>
			<a href="">Services</a>
			<a href="">Single Service</a>
			<a href="">Contact</a>
		</nav>
	</header>
	<section>
		<div class="img">
			<h2><b>A</b>bout</h2>
			<div class="box">
				<a href="">HOME</a>
				<i class="iconfont">&#xe6da;</i>
				<span>SERVICES</span>
			</div>
		</div>
		<div class="font">
				<ul>
					<li>
						<i class="iconfont">&#xe68b;</i>
						<h5>Dental Care</h5>
					</li>
					<li>
						<i class="iconfont">&#xe68a;</i>
						<h5>Dental Care</h5>
					</li>
					<li>
						<i class="iconfont">&#xe67a;</i>
						<h5>Dental Care</h5>
					</li>
					<li>
						<i class="iconfont">&#xe67d;</i>
						<h5>Dental Care</h5>
					</li>
					<li>
						<i class="iconfont">&#xe68f;</i>
						<h5>Dental Care</h5>
					</li>
					<li>
						<i class="iconfont">&#xe642;</i>
						<h5>Dental Care</h5>
					</li>
				</ul>
			</div>
			<div class="bot">
				<ul>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="report.html">Read More</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Read More</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Read More</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Read More</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Read More</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Read More</a>
					</li>
				</ul>
			</div>
	</section>
	<footer>
		<div class="foot">
			<ul>
				<li>
					<h4>Information</h4>
					<p>Lorem Ipsum passages, and more recently with desktop publishing ...</p>
					<b><i class="iconfont">&#xe687;</i>+1 888 888 8888</b>
					<b><i class="iconfont">&#xe68e;</i>info@yoursite.com</b>
					<b><i class="iconfont">&#xe68a;</i>221B Baker Street, London, UK</b>
					<b><i class="iconfont">&#xe6b5;</i>Mon - Sat 9:00 - 20:00</b>
				</li>
				<li>
					<h4>Services</h4>
					<b><i class="iconfont">&#xe6d6;</i>Pediatric Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Diagnosis Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Cardiac Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Dental Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Gynecological Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Psychological</b>
				</li>
				<li>
					<h4>Testimonials</h4>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
				</li>
				<li>
					<h4>Newsletter</h4>
					<input type="text" placeholder="Enter Your Name">
					<input type="email" class="form-control" placeholder="Enter Your E-Mail">
					<button type="submit" class="btn btn-lg btn-block btn-secondary">Submit</button>
				</li>
			</ul>
		</div>
	</footer>
</body>
</html>